<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>第一个react组件</title>
  </head>
  <body>
    <!-- 所有的内容一会都将挂载#app这个节点上 -->
    <div id="app"></div>
    <script src="./libs/react.js"></script>
    <script src="./libs/react-dom.js"></script>
    <script src="./libs/babel.min.js"></script>
    <script type="text/babel">
      function HelloWord(props) {
        return <h1>大懒懒，count是：{props.count}</h1>;
      }
      ReactDOM.render(<HelloWord count={2} />, document.getElementById("app"));

      /* class MoMo extends React.Component {
        render() {
          return <h5>你好你好，</h5>;
        }
      }
      ReactDOM.render(<MoMo count={2}/>, document.getElementById("app")); */
    </script>
  </body>
</html>
